<!--<script setup>-->
<!--//折线图 和 柱状图-->
<!--import {ref, onMounted} from "vue";-->
<!--import *as echarts from 'echarts'-->
<!--import {getCollegeStudent} from "@/views/student/analysis.js";-->

<!--const clothesData = ref([])-->

<!--const getClothesData=async ()=>{-->
<!--   const res =await getCollegeStudent()-->
<!--  console.log(res)-->
<!--}-->

<!--const chart = ref(null)-->

<!--const chartOptions = {-->
<!--  title: {-->
<!--    text: 'ECharts 入门示例'-->
<!--  },-->
<!--  tooltip: {},-->
<!--  legend: {-->
<!--    data: ['销量']-->
<!--  },-->
<!--  xAxis: {-->
<!--    // data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]-->
<!--    data:clothesData.value-->
<!--  },-->
<!--  yAxis: {},-->
<!--  series: [{-->
<!--    name: '销量',-->
<!--    type: 'bar',-->
<!--    data: [5, 20, 36, 10, 10, 20]-->
<!--  }]-->
<!--}-->
<!--const option = {-->
<!--  xAxis: {-->
<!--    type: 'category',-->
<!--    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']-->
<!--  },-->
<!--  yAxis: {-->
<!--    type: 'value'-->
<!--  },-->
<!--  series: [-->
<!--    {-->
<!--      data: [150, 230, 224, 218, 135, 147, 260],-->
<!--      type: 'line'-->
<!--    }-->
<!--  ]-->
<!--};-->

<!--let chartInstance1 = null-->
<!--let chartInstance2 = null-->

<!--const chart2 = ref(null)-->

<!--onMounted(() => {-->
<!--  chartInstance1 = echarts.init(chart.value)-->
<!--  chartInstance1.setOption(chartOptions)-->
<!--  chartInstance2 = echarts.init(chart2.value)-->
<!--  chartInstance2.setOption(option)-->

<!--})-->
<!--// 使用方式 给元素绑定ref属性  创建ref  用echarts进行初始化 传入页面的跟组件-->
<!--// 创建出来的实列挂载option-->
<!--</script>-->

<!--<template>-->
<!--  <div ref="chart" :style="{ width: '100%', height: '400px' }"></div>-->
<!--  <div ref="chart2" :style="{ width: '100%', height: '400px' }"></div>-->
<!--</template>-->

<!--<style scoped>-->

<!--</style>-->
